@import './mixins/mixins';

@include block(col) {
  float: left;
  box-sizing: border-box;

  &_0 {
    display: none;
  }

  @for $i from 1 through 24 {

    &_#{$i} {
      width: (1 / 24 * $i * 100) * 1%;
    }

    @include modifier(offset_#{$i}) {
      margin-left: (1 / 24 * $i * 100) * 1%;
    }

    @include modifier(pull_#{$i}) {
      position: relative;
      right: (1 / 24 * $i * 100) * 1%;
    }

    @include modifier(push_#{$i}) {
      position: relative;
      left: (1 / 24 * $i * 100) * 1%;
    }
  }
}
